.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-row-reverse {
    display: flex;
    flex-direction: row-reverse;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-column-reverse {
    display: flex;
    flex-direction: column-reverse;
}

.flex-wrap-no {
    flex-wrap: nowrap;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}

.flex-content-start {
    justify-content: flex-start;
}

.flex-content-end {
    justify-content: flex-end;
}

.flex-content-center {
    justify-content: center;
}

.flex-content-between {
    justify-content: space-between;
}

.flex-content-around {
    justify-content: space-around;
}

.flex-item-start {
    align-items: flex-start;
}

.flex-item-end {
    align-items: flex-end;
}

.flex-item-center {
    align-items: center;
}

.flex-item-baseline {
    align-items: baseline;
}

.flex-item-stretch {
    align-items: stretch;
}

.el-tooltip__trigger:focus-visible {
    outline: unset;
}

/*或者是下面这个*/

.el-tooltip__trigger:first-child:focus-visible {
    outline: unset;
}
/*:root{*/
/*    --el-color-primary: #b60b1f;*/
/*    --el-color-primary-light-3: #ffa8b8;*/
/*}*/
[v-cloak]{
    display: none;
}
#app{
    font-size: 14px;
    color: var(--el-color-primary);
    background-color: #ffffff;
    padding: 5px;
}
.top20{
    margin-top: 20px;
}
.top10{
    margin-top: 10px;
}
.bottom20{
    margin-bottom: 20px;
}
.bottom10{
    margin-bottom: 10px;
}
.padding20{
    padding: 20px;
}
.padding10{
    padding: 10px;
}
.avatar-uploader .avatar {
    width: 100px;
    height: 100px;
    display: block;
    border: 1px dashed #d9d9d9;
}
.el-icon.avatar-uploader-icon {
    font-size: 28px;
    width: 100px;
    height: 100px;
    text-align: center;
    border: 1px dashed #d9d9d9;
}
.el-sub-menu__title >div >span{
    margin-left: 15px;
}
.el-menu-item >span{
    margin-left: 15px;
}
.shou {
    cursor: pointer;
}
.left5{
    margin-left: 5px;
}
.right5{
    margin-right: 5px;
}
.left10{
    margin-left: 10px;
}
.right10{
    margin-right: 10px;
}
.yinying{
    box-shadow: 0 4px 12px rgba(0,0,0,0.1); /* 基础阴影 */
}
.txt-center{
    text-align: center;
}
.margin10{
    margin: 10px;
}


/* 输入框容器 */
.input-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    background: #f4f4f9;
}

/* 渐变边框输入框 */
.gradient-input {
    width: 400px;
    height: 40px;
    padding: 5px 12px;
    font-size: 16px;
    color: #333;
    outline: none;
    /* 渐变边框 */
    border: 1px solid transparent;
    background: linear-gradient(white, white) padding-box,
    linear-gradient(45deg, #ff7eb3, #65d9ff, #c7f464, #ff7eb3) border-box;
    border-radius: 20px;
}

/* Placeholder 样式 */
.gradient-input::placeholder {
    color: #aaa;
    font-style: italic;
}